<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#div1{
				background: orange;
			}
			.div1{
				width: 100px;
				height: 100px;
				background: red;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			div1
		</div>
		<div id="div2">
			div2
		</div>
		<script src="../js/jquery-1.12.4.js" type="text/javascript" charset="UTF-8"></script>
		<script type="text/javascript">
			//jquery
			$(document).ready(function(){
				//alert("wad");
			});
			$(function(){
				//alert("wad");
				$("#div1").addClass("div1");//追加
				$("#div1").css("background","black");
				$("#div1").css({"font-size":"30px","color":"red"});
				$("#div2").addClass("div1")
				$("#div2").hide(1000)
				$("#div2").show(1000)
				
			});
			//javasctipt
			test();
			function test(){
				//alert("wad")
			}
		</script>
	</body>
</html>
